<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <button>点击</button>
    <script src="./ajax.js"></script>
    <script>
      // 跨域：不同服务器之间的数据交互（非同源数据交互，浏览器禁止）
      // 相同服务器 ：同源 不同服务器：非同源
      // 不同服务器（非同源）：http://www.baidu.com:443/index.html
      //                     协议(http/https)://域名(locahost ,127.0.0.1,192.168.1.112 www.baidu.com):端口（80，443）/地址
      // 协议 或者 域名 或者 端口 有一个不同就是非同源，跨域了

      // 1.发送ajax的文件地址：http://locahost:5500/day21/5.%E8%B7%A8%E5%9F%9F.html
      // 2.请求ajax服务器的地址：http://locahost:80/2116/ajax04/message/php/getMlist.php

      // 跨域请求 会不会到达服务器？？会到达服务器 ，跨域 是一个很单纯的浏览器行为；
      // 如何解决跨域 ：1.cors：跨域资源共享（需要处理预检请求，不能携带凭证） 2.jsonp
      // 3.服务器的正向代理
      // header("Access-Control-Allow-Origin: *");
      var btnEle = document.querySelector("button");
      btnEle.onclick = function () {
        ajax({
          url: "http://localhost/2116/ajax04/message/php/getMlist.php",
          dataType: "json",
          success(res) {
            console.log(res);
          },
        });
      };
    </script>
  </body>
</html>
